<template>
  <div class="nav-scroller py-1 mb-2">
    <nav class="nav d-flex justify-content-between">
      <a class="p-2 text-muted" href="#" v-for="(nav, idnex) in navs" :key="idnex">{{nav.title}}</a>
    </nav>
  </div>
</template>
<script>
export default {
  name: 'blog-nav',
  title: '博客导航',
  data() {
    return {
      navs: [
        { title: '全部' },
        { title: 'JavaScript' },
        { title: 'Linux' },
        { title: 'Go' },
        { title: 'Python' },
        { title: 'Java' },
        { title: 'C language' },
        { title: 'C++' },
        { title: 'Ruby' },
        { title: 'Html+Css' },
        { title: 'Nodejs' },
        { title: 'Vue' },
        { title: 'react' },
      ]
    }
  }
}
</script>
<style lang = 'scss'>
</style>